<template>
  <el-dialog
    title="答复"
    :visible.sync="dialogReply"
    width="50%"
  >

    <div class="consuit-main">
      <div class="consuit-title">咨询信息</div>
<!--      <div class="title">-->
<!--        <label>标题：</label>-->
<!--        <div>{{ datalist.title }}</div>-->
<!--      </div>-->
      <div class="context">
        <label>描述：</label>
        <div>{{ datalist.context }}</div>
      </div>
      <div class="quizzer">
        <label>咨询人：</label>
        <div>{{ datalist.quizzer }}</div>
      </div>
    </div>

    <div class="consuit-main" style="margin-top:25px">
      <div class="consuit-title">我来回复</div>
      <div class="context">
        <el-input v-model="replycontent" type="textarea" :rows="5" placeholder="请输入内容" style="width:100%" />
      </div>
    </div>

    <span slot="footer" class="dialog-footer">
      <el-button @click="dialogReply = false">取 消</el-button>
      <el-button type="primary" @click="replyanswwer()">确 定</el-button>
    </span>
  </el-dialog>
</template>
<script>
export default {
  data() {
    return {
      dialogReply: false,
      datalist: {}, // 获取table列表数据
      replycontent: ''// 回复内容
    }
  },
  methods: {
    replyanswwer() {
      this.$emit('postReply', this.datalist.qid, this.replycontent)
    }
  }
}
</script>
